<template>
  <div>
    <template v-for="(item, index) in value">
      <div :key="index">
        <el-select v-model="item.value" placeholder="请选择">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-select>
        <uploadFile :fileList="item.fileList" />
      </div>
    </template>
  </div>
</template>

<script>
import uploadFile from "./uploadFile.vue";
import img from "@/assets/logo.png";

export default {
  name: "CateringManagementUploadImg",
  components: { uploadFile },
  data() {
    return {
      options: [
        {
          value: "选项1",
          label: "黄金糕",
        },
        {
          value: "选项2",
          label: "双皮奶",
        },
        {
          value: "选项3",
          label: "蚵仔煎",
        },
        {
          value: "选项4",
          label: "龙须面",
        },
        {
          value: "选项5",
          label: "北京烤鸭",
        },
      ],
      selectKey: ["选项1", "选项2"],
      value: [
        {
          value: "选项1",
          fileList: [
            { name: "log", url: img },
            { name: "log", url: img },
            { name: "log", url: img },
          ],
        },
        {
          value: "选项2",
          fileList: [
            { name: "log", url: img },
            { name: "log", url: img },
            { name: "log", url: img },
          ],
        },
      ],
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped></style>
